// 下滑动、显示
@keyframes ss-anim-down {
  from {transform: translate3d(0, -100%, 0);opacity: .3}
  to {transform: translate3d(0, 0, 0);opacity: 1}
}
.ss-anim-down {animation-name: ss-anim-down}

// 上滑动、隐藏
@keyframes ss-anim-up {
  from {transform: translate3d(0, 0%, 0);opacity: 1}
  to {transform: translate3d(0, -100%, 0);opacity: .3}
}
.ss-anim-up {animation-name: ss-anim-up}

// animation
.ss-anim {
  animation-duration: .38s;animation-fill-mode: both;
}


@keyframes ss-s {
  0% {
    font-size: 16px
  }
  60% {
    font-size: 22px;
    color: #66bb6a
  }
  80% {
    font-size: 12px;
    color: #9da1c4
  }
  to {
    font-size: 16px
  }
}
